.heightvh{
  height: 100vh;
}
.widthvw{
  width: 100vw;
}
.height69vh{
  height: 69vh;
}
.width24vw{
  width: 24vw;
}
.width75-5vw{
  width: 75.5vw;
}
.width61vw{
  width: 61vw;
}
.width100bai {
  width: 100%;
}

.height100f {
  height: 100%;
}

.height10 {
  height: 10px;
}

.height20 {
  height: 20px;
}

.height130 {
  height: 130px;
}

.height22 {
  height: 22px;
}

.height23 {
  height: 23px;
}

.height24 {
  height: 24px;
}

.height25 {
  height: 25px;
}

.height26 {
  height: 26px;
}

.height30 {
  height: 30px;
}

.height32 {
  height: 32px;
}

.height33 {
  height: 33px;
}

.height34 {
  height: 34px;
}

.height35 {
  height: 35px;
}

.height36 {
  height: 36px;
}

.height40 {
  height: 40px;
}

.height42 {
  height: 42px;
}

.height48 {
  height: 48px;
}

.height49 {
  height: 49px;
}

.height50 {
  height: 50px;
}

.height54 {
  height: 54px;
}

.height56 {
  height: 56px;
}

.height53 {
  height: 53px;
}

.height60 {
  height: 60px;
}

.height64 {
  height: 64px;
}

.height68 {
  height: 68px;
}

.height66 {
  height: 66px;
}

.height70 {
  height: 70px;
}

.height72 {
  height: 72px;
}

.height75 {
  height: 75px;
}

.height78 {
  height: 78px;
}

.height86 {
  height: 86px;
}

.height100 {
  height: 100px;
}

.height110 {
  height: 110px;
}

.height112 {
  height: 112px;
}

.height114 {
  height: 114px;
}

.height120 {
  height: 120px;
}

.height121 {
  height: 121px;
}

.height124 {
  height: 124px;
}

.height126 {
  height: 126px;
}

.height128 {
  height: 128px;
}

.height80 {
  height: 80px;
}

.height87 {
  height: 87px;
}

.height50 {
  height: 50px;
}

.height62 {
  height: 62px;
}

.height68 {
  height: 68px;
}

.height90 {
  height: 90px;
}

.height95 {
  height: 95px;
}

.height127 {
  height: 127px;
}

.height136 {
  height: 136px;
}

.height138 {
  height: 138px;
}

.height140 {
  height: 140px;
}

.height142 {
  height: 142px;
}

.height146 {
  height: 146px;
}

.height150 {
  height: 150px;
}

.height155 {
  height: 155px;
}

.height160 {
  height: 160px;
}

.height168 {
  height: 168px;
}

.height172 {
  height: 172px;
}

.height180 {
  height: 180px;
}

.height200 {
  height: 200px;
}

.height210 {
  height: 210px;
}

.height211 {
  height: 211px;
}

.height216 {
  height: 216px;
}

.height220 {
  height: 220px;
}

.height230 {
  height: 230px;
}

.height240 {
  height: 240px;
}

.height254 {
  height: 254px;
}

.height270 {
  height: 270px;
}

.height282 {
  height: 282px;
}

.height300 {
  height: 300px;
}

.height329 {
  height: 329px;
}

.height332 {
  height: 332px;
}

.height385 {
  height: 385px;
}

.height400 {
  height: 400px;
}

.height468 {
  height: 468px;
}

.height480 {
  height: 480px;
}

.height500 {
  height: 500px;
}

.height528 {
  height: 528px;
}

.height664 {
  height: 664px;
}

.height529 {
  height: 529px;
}

.height100vh {
  height: 100vh;
}

.height771 {
  height: 771px;
}

.width_20_5 {
  width: 20.5%;
}

.width3 {
  width: 3px;
}

.width5 {
  width: 5px;
}

.width10 {
  width: 10px;
}

.width34 {
  width: 34px;
}

.width40 {
  width: 40px;
}

.width80 {
  width: 80px;
}

.width136 {
  width: 136px;
}

.width1107 {
  width: 1107px;
}

.width1200 {
  width: 1200px;
}

.width60 {
  width: 60px;
}

.width70 {
  width: 70px;
}

.width72 {
  width: 72px;
}

.width73 {
  width: 73px;
}

.width75 {
  width: 75px;
}

.width76 {
  width: 76px;
}

.width84 {
  width: 84px;
}

.width92 {
  width: 92px;
}

.width97 {
  width: 97px;
}

.width66 {
  width: 66px;
}

.width68 {
  width: 68px;
}

.width88 {
  width: 88px;
}

.width99 {
  width: 99px;
}

.width100 {
  width: 100px;
}

.width110 {
  width: 110px;
}

.width111 {
  width: 111px;
}

.width112 {
  width: 112px;
}

.width115 {
  width: 115px;
}

.width116 {
  width: 116px;
}

.width117 {
  width: 117px;
}

.width162 {
  width: 162px;
}

.width124 {
  width: 124px;
}

.width125 {
  width: 125px;
}

.width140 {
  width: 140px;
}

.width50 {
  width: 50px;
}

.width64 {
  width: 64px;
}

.width80 {
  width: 80px;
}

.width81 {
  width: 81px;
}

.width90 {
  width: 90px;
}

.width95 {
  width: 95px;
}

.width96 {
  width: 96px;
}

.width130 {
  width: 130px;
}

.width135 {
  width: 135px;
}

.width139 {
  width: 139px;
}

.width122 {
  width: 122px;
}

.width140 {
  width: 140px;
}

.width145 {
  width: 145px;
}

.width150 {
  width: 150px;
}

.width155 {
  width: 155px;
}

.width156 {
  width: 156px;
}

.width160 {
  width: 160px;
}

.width164 {
  width: 164px;
}

.width1175 {
  width: 1175px;
}

.width197 {
  width: 197px;
}

.width250 {
  width: 250px;
}

.width256 {
  width: 256px;
}

.width264 {
  width: 264px;
}

.width266 {
  width: 266px;
}

.width184 {
  width: 184px;
}

.width120 {
  width: 120px;
}

.width20 {
  width: 20px;
}

.width22 {
  width: 22px;
}

.width23 {
  width: 23px;
}

.width24 {
  width: 24px;
}

.width25 {
  width: 25px;
}

.width30 {
  width: 30px;
}

.width214 {
  width: 214px;
}

.width233 {
  width: 233px;
}

.width268 {
  width: 268px;
}

.width166 {
  width: 166px;
}

.width107 {
  width: 107px;
}

.width131 {
  width: 131px;
}

.width136 {
  width: 136px;
}

.width170 {
  width: 170px;
}

.width190 {
  width: 190px;
}

.width200 {
  width: 200px;
}

.width207 {
  width: 207px;
}

.width211 {
  width: 211px;
}

.width216 {
  width: 216px;
}

.width221 {
  width: 221px;
}

.width222 {
  width: 222px;
}

.width236 {
  width: 236px;
}

.width250 {
  width: 250px;
}

.width254 {
  width: 254px;
}

.width260 {
  width: 260px;
}

.width265 {
  width: 265px;
}

.width270 {
  width: 270px;
}

.width275 {
  width: 275px;
}

.width280 {
  width: 280px;
}

.width286 {
  width: 286px;
}

.width287 {
  width: 287px;
}

.width288 {
  width: 288px;
}

.width297 {
  width: 297px;
}

.width40 {
  width: 40px;
}

.width44 {
  width: 44px;
}

.width290 {
  width: 290px;
}

.width300 {
  width: 300px;
}

.width307 {
  width: 307px;
}

.width317 {
  width: 317px;
}

.width320 {
  width: 320px;
}

.width340 {
  width: 340px;
}

.width326 {
  width: 326px;
}

.width324 {
  width: 324px;
}

.width324 {
  width: 324px;
}

.width330 {
  width: 330px;
}

.width335 {
  width: 335px;
}

.width342 {
  width: 342px;
}

.width344 {
  width: 344px;
}

.width347 {
  width: 347px;
}

.width350 {
  width: 350px;
}

.width360 {
  width: 360px;
}

.width365 {
  width: 365px;
}

.width378 {
  width: 378px;
}

.width380 {
  width: 380px;
}

.width400 {
  width: 400px;
}

.width430 {
  width: 430px;
}

.width450 {
  width: 450px;
}

.width463 {
  width: 463px;
}

.width464 {
  width: 464px;
}

.width480 {
  width: 480px;
}

.width487 {
  width: 487px;
}

.width500 {
  width: 500px;
}

.width550 {
  width: 550px;
}

.width595 {
  width: 595px;
}

.width600 {
  width: 600px;
}

.width700 {
  width: 700px;
}

.width730 {
  width: 730px;
}

.width750 {
  width: 750px;
}

.width755 {
  width: 755px;
}

.width771 {
  width: 771px;
}

.width800 {
  width: 800px;
}

.width850 {
  width: 850px;
}

.width765 {
  width: 765px;
}

.width766 {
  width: 766px;
}

.width767 {
  width: 767px;
}

.width900 {
  width: 900px;
}

.width930 {
  width: 930px;
}

.width950 {
  width: 950px;
}

.width980 {
  width: 980px;
}

.width990 {
  width: 990px;
}

.width1000 {
  width: 1000px;
}

.width250 {
  width: 250px;
}

.width180 {
  width: 180px;
}

.width143 {
  width: 143px;
}

.width1161 {
  width: 1161px;
}

/* 字体 */
.font0 {
  font-size: 0;
}

.font10 {
  font-size: 10px;
}

.font13 {
  font-size: 13px;
}

.font14 {
  font-size: 14px;
}

.font15 {
  font-size: 15px;
}

.font16 {
  font-size: 16px;
}

.font17 {
  font-size: 17px;
}

.font18 {
  font-size: 18px;
}

.font19 {
  font-size: 19px;
}

.font20 {
  font-size: 20px;
}

.font22 {
  font-size: 22px;
}

.font24 {
  font-size: 24px;
}

.font25 {
  font-size: 25px;
}

.font28 {
  font-size: 28px;
}

.font30 {
  font-size: 30px;
}

.font35 {
  font-size: 35px;
}

.font38 {
  font-size: 38px;
}

.font40 {
  font-size: 40px;
}

/* 字体图标样式 */
.icon-size {
  font-size: 30px;
}

/* 颜色 */

.color-000 {
  color: #000;
}

.color-111 {
  color: #111;
}

.color-fff {
  color: #fff;
}

.color-2878FF {
  color: #2878ff;
}

.color-2877FD {
  color: #2877FD;
}

.color-1a1a1a {
  color: #1a1a1a;
}

.color-5C5C5C {
  color: #5c5c5c;
}

.color-666 {
  color: #666;
}

.color-C9C9C9 {
  color: #C9C9C9;
}

.color-333 {
  color: #333;
}

.color-ccc {
  color: #ccc;
}

.color-4FB6C5 {
  color: #4fb6c5;
}

.color-48 {
  color: #484848;
}

.color-65 {
  color: #656565;
}

.color-25 {
  color: #252525;
}

.color-bbb {
  color: #bbb;
}

.color-ddd {
  color: #dddddd;
}

.color-999 {
  color: #999;
}

.color-666666 {
  color: #666666;
}

.color-333333 {
  color: #333333;
}

.color-999999 {
  color: #999999;
}

.color-9a {
  color: #9a9a9a;
}

.color-red {
  color: #e12519;
}

/* 字体  颜色  start WJG颜色*/
.color-333 {
  color: #333333;
}

.color-666 {
  color: #666666;
}

.color-999 {
  color: #999999;
}

.color-eb {
  color: #EBEBEB;
}

.color-41b0c1 {
  color: #41b0c1;
}

.color-1ba837 {
  color: #1ba837;
}

.color-2268dc {
  color: #2268dc;
}

.color-ff8400 {
  color: #ff8400;
}

.color-e64545 {
  color: #e64545;
}

/* 字体  颜色  end */

/* 表单中的按钮大小start width: 136px; height: 36px WJG 按钮 大小*/
.wdith136 {
  width: 136px;
}

.h36 {
  height: 36px;
}

.h34 {
  height: 34px;
}

/* 表单中的按钮大小end */

/* 其他颜色start  WJG 其他颜色*/
.color-ebf9fa {
  color: #ebf9fa;
}

.color-ffebeb {
  color: #ffebeb;
}

.color-f5f5f5 {
  color: #f5f5f5;
}

.color-999999 {
  color: #999999;
}

/* 其他颜色end */

/* 字体  大小  start  WJG字体大小*/
.font16_cu {
  font-size: 16px;
  font-weight: 700;
}
.font20_cu {
  font-size: 20px;
  font-weight: 700;
}

.font14_cu {
  font-size: 14px;
  font-weight: 700;
}

.font14 {
  font-size: 14px;
}

.font12 {
  font-size: 12px;
}

/* 字体  大小  end */

/* 验证提示红 */
.color-F56C6C {
  color: #f56c6c;
}

.color-FF9900 {
  color: #ff9900;
}

.color-E64545 {
  color: #e64545;
}

.color-409EFF {
  color: #409eff;
}

.color-2777FF {
  color: #2777ff;
}

.color-6BCC03 {
  color: #6bcc03;
}

.color-06B4FD {
  color: #06b4fd;
}

.color-E93030 {
  color: #e93030;
}

.color-orange {
  color: #ff7800;
}

.color-F9AD29 {
  color: #f9ad29;
}

.color-1BA837 {
  color: #1ba837;
}

.color-FE8300 {
  color: #fe8300;
}

.color-FF8400 {
  color: #ff8400;
}

.color-1CA838 {
  color: #1ca838;
}

.color-1AAD19 {
  color: #1aad19;
}

.color-41B0C1 {
  color: #41b0c1;
}

.color-6593E5 {
  color: #6593e5;
}

.color-E1261A {
  color: #e1261a;
}

.color-C81522 {
  color: #c81522;
}

.color-01E8FF {
  color: #01e8ff;
}

.color-EF7060 {
  color: #ef7060;
}

.color-F9AD29 {
  color: #f9ad29;
}

.color-FF00A6 {
  color: #ff00a6;
}

.color-1BA737 {
  color: #1ba737;
}

.color-0291ff {
  color: #0291ff;
}

.color-2268DC {
  color: #2268dc;
}

.color-2167DB {
  color: #2167db;
}

.color-1a {
  color: #e1251a;
}

.color-5b1 {
  color: #55bb11;
}

.color-797979 {
  color: #797979;
}

/* 字体 粗 度 cu */
.fontbold700 {
  font-weight: 700;
}

.color-3d {
  color: #e23b3d;
}

.color-19 {
  color: #e02519;
}

.bgf4 {
  background-color: #f4f4f4;
}

.bg459DF5 {
  background-color: #459DF5;
}

.bg111 {
  background-color: #111;
}

.bgf0 {
  background-color: #f0f0f0;
}

.bgfff {
  background-color: #fff;
}

.bgc {
  background-color: #ccc;
}

.bg_CDE2FF{
  background: #CDE2FF;
}
.bgwhite{
  background: white;
}

.bgFAFAFA {
  background-color: #fafafa;
}

.bgEBEBEB {
  background-color: #EBEBEB;
}

.bg-4C6CFF {
  background-color: #4c6cff;
}

.bg_c9faf6 {
  background-color: #c9faf6;
}

.bga {
  background-color: aquamarine;
}

.bgl {
  background-color: lightgreen;
}

.bg_1589FE {
  background-color: #1589FE;
}

.bgb {
  background-color: #2878ff;
}

.bgp {
  background-color: palegreen;
}

.bgcF2F2F2 {
  background-color: #f2f2f2;
}

.color-4C6CFF {
  color: #4c6cff;
}

.color-FF2855 {
  color: #ff2855;
}

.color-2268DC {
  color: #2268dc;
}

.bgf4 {
  background-color: #f4f4f4;
}

.bgcEBF9FA {
  background-color: #ebf9fa;
}

.bgcFFEBEB {
  background-color: #ffebeb;
}

.bgc2878FF {
  background-color: #2878ff;
}

.bgcFF8400 {
  background-color: #ff8400;
}

.bge7 {
  background-color: #e7e7e7;
}

.bgf5 {
  background-color: #f5f5f5;
}

.bgf6 {
  background-color: #f6f6f6;
}

.bgfb {
  background-color: #fbfbfb;
}

.bge5 {
  background-color: #e5e5e5;
}

.bge7 {
  background-color: #e7e7e7;
}

.bgeFA {
  background-color: #fafafa;
}

.bgddd {
  background-color: #ddd;
}

.bgfff {
  background-color: #fff;
}

.bgf7 {
  background-color: #f7f7f7;
}

.bgred {
  background-color: #e12519;
}

.bgblue {
  background-color: blue;
}

.bg1a {
  background-color: #e1251a;
}

.bg2878FF {
  background: #2878ff;
}

.bgFAAE2A {
  background: #faae2a;
}

.bgFFEDCC {
  background: #ffedcc;
}

.bgfafbff {
  background: #fafbff;
}

/* 按钮蓝色 */
.btnblue {
  background: #2777ff;
}

.bg2878FF {
  background-color: #2878ff;
}

.bgE1E1E1 {
  background-color: #e1e1e1;
}

/* 高度 */

.h20 {
  height: 20px;
}

.h30 {
  height: 30px;
}

.h32 {
  height: 32px;
}

.h36 {
  height: 36px;
}

.h40 {
  height: 40px;
}

.h50 {
  height: 50px;
}

.h54 {
  height: 54px;
}

.h64 {
  height: 64px;
}

.height90f {
  height: 90%;
}

.height2 {
  height: 2px;
}

.height6 {
  height: 6px;
}

.h68 {
  height: 68px;
}

.h184 {
  height: 184px;
}

.h80 {
  height: 80px;
}

.h60 {
  height: 60px;
}

.h70 {
  height: 70px;
}

.h84 {
  height: 84px;
}

.h134 {
  height: 134px;
}

.h120 {
  height: 120px;
}

.h124 {
  height: 124px;
}

.h136 {
  height: 136px;
}

.h129 {
  height: 129px;
}

.h220 {
  height: 220px;
}

.h320 {
  height: 320px;
}

.h870 {
  height: 870px;
}

/* 行高 */
.line20 {
  line-height: 20px;
}

.line35 {
  line-height: 35px;
}

.line22 {
  line-height: 22px;
}

.line25 {
  line-height: 25px;
}

.line30 {
  line-height: 30px;
}

.line36 {
  line-height: 36px;
}

.line40 {
  line-height: 40px;
}

.line50 {
  line-height: 50px;
}

/* 字重 */
.fontbold4 {
  font-weight: 400;
}

.fontbold5 {
  font-weight: 500;
}

.fontbold {
  font-weight: bold;
}

/* 文本对齐 */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/* 位置 */
.relative {
  position: relative;
}

/* 左对齐 */
.float_left{
  float: left;
}
/* 右对齐 */
.float_right{
  float: right;
}

/* 布局方式 */
.flex {
  display: flex;
}

/* 水平居中和垂直居中 */
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 光水平居中 */
.flex-just-cne {
  display: flex;
  justify-content: center;
}

.flex-alitcen {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-alitcen-jusaround {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-ju-spbe-alit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-ju-end {
  display: flex;
  justify-content: flex-end;
}

.flex-ju-alit-end {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

/* 换行   */
.flex-wrap {
  flex-wrap: wrap;
}
/* 不换行   */
.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-ju-spbe {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-ju-spbetween {
  display: flex;
  justify-content: space-between;
}

.flex-alit-center {
  display: flex;
  align-items: center;
}

.flex-alit-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.flex-warp {
  display: flex;
  flex-wrap: wrap;
}

.f1 {
  flex: 1;
}

/* 改变主轴方向  水平和垂直居中 */
.flex-direc-ju-end {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}

.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* flex布局，改变主轴方向 主轴方向为 环绕对齐  非主轴方向从左边开始排列 */
.flex-column-juaround-alittstart {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}

.flex-column-alit-end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.flex-column-jucn-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.flex-col-alitend-jucen {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.flex-col-alitend-jucenter {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.flex-col-juspbet {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}



/* 垂直居中 水平两端对齐 */
.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-align-end {
  display: flex;
  align-items: flex-end;
}



.flex-col-jucen {
  display: flex;
  flex-direction: column;
  justify-content: center;
}



.flex-jucen-alitstart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.flex-justify-end-align-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.flex-justify-between-align-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-justify-between-align-baseline {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.flex-justify-between {
  display: flex;
  justify-content: space-between;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.flex-around {
  display: flex;
  justify-content: space-around;
}

.flex-around-alitcenter {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.flex-align-star {
  display: flex;
  align-items: flex-start;
}

/* flex布局  水平方向从结尾处开始显示  项目位于容器的结尾 */
.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-vc {
  align-items: center;
}

.flex-justify-center-align-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-justify-end-align-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* 单行省略 */
.singleomit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 超出隐藏 */
.overflow-hidden {
  overflow: hidden;
}

/* 2行省略 */
.multiomit2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* padding间距 */
.padding2 {
  padding: 2px;
}

.padding12 {
  padding: 12px;
}

.padding20 {
  padding: 20px;
}

.padding24 {
  padding: 24px;
}

.padding-top-20 {
  padding-top: -20px;
}

.padding-top-40 {
  padding-top: -40px;
}

.padding-top3 {
  padding-top: 3px;
}

.padding-top4 {
  padding-top: 4px;
}

.padding-top5 {
  padding-top: 5px;
}

.padding-top8 {
  padding-top: 8px;
}

.padding-top10 {
  padding-top: 10px;
}

.padding-top12 {
  padding-top: 12px;
}

.padding-top14 {
  padding-top: 14px;
}

.padding-top15 {
  padding-top: 15px;
}

.padding-top16 {
  padding-top: 16px;
}

.padding-top18 {
  padding-top: 18px;
}

.padding-top20 {
  padding-top: 20px;
}

.padding-top22 {
  padding-top: 22px;
}

.padding-top24 {
  padding-top: 24px;
}

.padding-top26 {
  padding-top: 26px;
}

.padding-top30 {
  padding-top: 30px;
}

.padding-top32 {
  padding-top: 32px;
}

.padding-top46 {
  padding-top: 46px;
}

.padding-bottom2 {
  padding-bottom: 2px;
}

.padding-bottom3 {
  padding-bottom: 3px;
}

.padding-bottom4 {
  padding-bottom: 4px;
}

.padding-bottom5 {
  padding-bottom: 5px;
}

.padding-bottom8 {
  padding-bottom: 8px;
}

.padding-bottom9 {
  padding-bottom: 9px;
}

.padding-bottom10 {
  padding-bottom: 10px;
}

.padding-bottom12 {
  padding-bottom: 12px;
}

.padding-bottom13 {
  padding-bottom: 13px;
}

.padding-bottom14 {
  padding-bottom: 14px;
}

.padding-bottom15 {
  padding-bottom: 15px;
}

.padding-bottom16 {
  padding-bottom: 16px;
}

.padding-bottom18 {
  padding-bottom: 18px;
}

.padding-bottom20 {
  padding-bottom: 20px;
}

.padding-bottom22 {
  padding-bottom: 22px;
}

.padding-bottom23 {
  padding-bottom: 23px;
}

.padding-bottom28 {
  padding-bottom: 28px;
}

.padding-bottom24 {
  padding-bottom: 24px;
}

.padding-bottom30 {
  padding-bottom: 30px;
}

.padding-left3 {
  padding-left: 3px;
}

.padding-left4 {
  padding-left: 4px;
}

.padding-left5 {
  padding-left: 5px;
}

.padding-left8 {
  padding-left: 8px;
}

.padding-left10 {
  padding-left: 10px;
}

.padding-left12 {
  padding-left: 12px;
}

.padding-left15 {
  padding-left: 15px;
}

.padding-left16 {
  padding-left: 16px;
}

.padding-left17 {
  padding-left: 17px;
}

.padding-left18 {
  padding-left: 18px;
}

.padding-left19 {
  padding-left: 19px;
}

.padding-left20 {
  padding-left: 20px;
}

.padding-left24 {
  padding-left: 24px;
}

.padding-left28 {
  padding-left: 28px;
}

.padding-left29 {
  padding-left: 29px;
}

.padding-left30 {
  padding-left: 30px;
}

.padding-left33 {
  padding-left: 33px;
}

.padding-left35 {
  padding-left: 35px;
}

.padding-left36 {
  padding-left: 36px;
}

.padding-left39 {
  padding-left: 39px;
}

.padding-left40 {
  padding-left: 40px;
}

.padding-left45 {
  padding-left: 45px;
}

.padding-left50 {
  padding-left: 50px;
}

.padding-left60 {
  padding-left: 60px;
}

.padding-left61 {
  padding-left: 61px;
}

.padding-left68 {
  padding-left: 68px;
}

.padding-left70 {
  padding-left: 70px;
}

.padding-left80 {
  padding-left: 80px;
}

.padding-left100 {
  padding-left: 100px;
}

.padding-left150 {
  padding-left: 150px;
}

.padding-left164 {
  padding-left: 164px;
}

.padding-left165 {
  padding-left: 165px;
}

.padding-left29 {
  padding-left: 29px;
}

.padding-left30 {
  padding-left: 30px;
}

.padding-left200 {
  padding-left: 200px;
}

.padding-left-20 {
  padding-left: -20px;
}

.padding-left20 {
  padding-left: 20px;
}

.padding-left48 {
  padding-left: 48px;
}

.padding-left100 {
  padding-left: 100px;
}

.padding-right3 {
  padding-right: 3px;
}

.padding-right4 {
  padding-right: 4px;
}

.padding-right5 {
  padding-right: 5px;
}

.padding-right8 {
  padding-right: 8px;
}

.padding-right10 {
  padding-right: 10px;
}

.padding-right12 {
  padding-right: 12px;
}

.padding-right17 {
  padding-right: 17px;
}

.padding-right20 {
  padding-right: 20px;
}

.padding-right28 {
  padding-right: 28px;
}

.padding-right30 {
  padding-right: 30px;
}

.padding-right40 {
  padding-right: 40px;
}

.padding-right49 {
  padding-right: 49px;
}

.padding-right50 {
  padding-right: 50px;
}

.padding-right67 {
  padding-right: 67px;
}

.padding-right88 {
  padding-right: 88px;
}

.padding-right90 {
  padding-right: 90px;
}

.padding-right100 {
  padding-right: 100px;
}

.padding-right120 {
  padding-right: 120px;
}

.padding-right130 {
  padding-right: 130px;
}

.padding-right-150 {
  padding-right: -150px;
}

.padding-right150 {
  padding-right: 150px;
}

.padding-right185 {
  padding-right: 185px;
}

/* margin间距 */
.margin-top-4 {
  margin-top: -4px;
}
.margin-top-5 {
  margin-top: -5px;
}

.margin-top-6 {
  margin-top: -6px;
}

.margin-top-10 {
  margin-top: -10px;
}

.margin-top-10 {
  margin-top: -10px;
}
.margin-top-12 {
  margin-top: -12px;
}

.margin-top-14 {
  margin-top: -14px;
}

.margin-top-18 {
  margin-top: -18px;
}

.margin-top-16 {
  margin-top: -16px;
}

.margin-top-15 {
  margin-top: -15px;
}

.margin-top-20 {
  margin-top: -20px;
}

.margin-top-22 {
  margin-top: -22px;
}

.margin-top-25 {
  margin-top: -25px;
}

.margin-top-30 {
  margin-top: -30px;
}

.margin-top-40 {
  margin-top: -40px;
}

.margin-top-60 {
  margin-top: -60px;
}

.margin-top1 {
  margin-top: 1px;
}

.margin-top2 {
  margin-top: 2px;
}

.margin-top4 {
  margin-top: 4px;
}
.margin-top5 {
  margin-top: 5px;
}

.margin-top6 {
  margin-top: 6px;
}

.margin-top7 {
  margin-top: 7px;
}

.margin-top8 {
  margin-top: 8px;
}

.margin-top10 {
  margin-top: 10px;
}

.margin-top12 {
  margin-top: 12px;
}

.margin-top15 {
  margin-top: 15px;
}

.margin-top14 {
  margin-top: 14px;
}

.margin-top24 {
  margin-top: 24px;
}

.margin-top30 {
  margin-top: 30px;
}

.margin-top32 {
  margin-top: 32px;
}

.margin-top36 {
  margin-top: 36px;
}

.margin-top37 {
  margin-top: 37px;
}

.margin-top40 {
  margin-top: 40px;
}

.margin-top50 {
  margin-top: 50px;
}

.margin-top77 {
  margin-top: 77px;
}

.margin-top16 {
  margin-top: 16px;
}

.margin-top40 {
  margin-top: 45px;
}

.margin-top-45 {
  margin-top: -45px;
}

.margin-top20 {
  margin-top: 20px;
}

.margin-top22 {
  margin-top: 22px;
}

.margin-top23 {
  margin-top: 23px;
}

.margin-top24 {
  margin-top: 24px;
}

.margin-top25 {
  margin-top: 25px;
}

.margin-top26 {
  margin-top: 26px;
}

.margin-top28 {
  margin-top: 28px;
}

.margin-top30 {
  margin-top: 30px;
}

.margin-top32 {
  margin-top: 32px;
}

.margin-top40 {
  margin-top: 40px;
}

.margin-top46 {
  margin-top: 46px;
}

.margin-top100 {
  margin-top: 100px;
}

.margin-bottom0 {
  margin-bottom: 0;
}

.margin-bottom6 {
  margin-bottom: 6px;
}

.margin-bottom8 {
  margin-bottom: 8px;
}

.margin-bottom10 {
  margin-bottom: 10px;
}

.margin-bottom15 {
  margin-bottom: 15px;
}

.margin-bottom16 {
  margin-bottom: 16px;
}

.margin-bottom18 {
  margin-bottom: 18px;
}

.margin-bottom20 {
  margin-bottom: 20px;
}

.margin-bottom30 {
  margin-bottom: 30px;
}
.margin-bottom32 {
  margin-bottom: 32px;
}

.margin-bottom35 {
  margin-bottom: 35px;
}

.margin-bottom45 {
  margin-bottom: 45px;
}

.margin-bottom40 {
  margin-bottom: 40px;
}

.margin-bottom50 {
  margin-bottom: 50px;
}

.margin-bottom-10 {
  margin-bottom: -10px;
}

.margin-left-1 {
  margin-left: -1px;
}

.margin-left-2 {
  margin-left: -2px;
}

.margin-left-3 {
  margin-left: -3px;
}

.margin-left-4 {
  margin-left: -4px;
}

.margin-left-5 {
  margin-left: -5px;
}

.margin-left-10 {
  margin-left: -10px;
}

.margin-left-15 {
  margin-left: -15px;
}

.margin-left-16 {
  margin-left: -16px;
}

.margin-left-17 {
  margin-left: -17px;
}

.margin-left-18 {
  margin-left: -20px;
}

.margin-left-11 {
  margin-left: -11px;
}

.margin-left-12 {
  margin-left: -12px;
}

.margin-left-13 {
  margin-left: -13px;
}

.margin-left-1090 {
  margin-left: -1090px;
}

.margin-left-20 {
  margin-left: -20px;
}

.margin-left-25 {
  margin-left: -25px;
}

.margin-left-30 {
  margin-left: -30px;
}

.margin-left-40 {
  margin-left: -40px;
}

.margin-left-50 {
  margin-left: -50px;
}

.margin-left-130 {
  margin-left: -130px;
}

.margin-left4 {
  margin-left: 4px;
}

.margin-left3 {
  margin-left: 3px;
}

.margin-left5 {
  margin-left: 5px;
}

.margin-left6 {
  margin-left: 6px;
}

.margin-left8 {
  margin-left: 8px;
}

.margin-left10 {
  margin-left: 10px;
}

.margin-left12 {
  margin-left: 12px;
}

.margin-left14 {
  margin-left: 14px;
}

.margin-left15 {
  margin-left: 15px;
}

.margin-left16 {
  margin-left: 16px;
}

.margin-left18 {
  margin-left: 18px;
}

.margin-left20 {
  margin-left: 20px;
}

.margin-left24 {
  margin-left: 24px;
}

.margin-left25 {
  margin-left: 25px;
}

.margin-left26 {
  margin-left: 26px;
}

.margin-left28 {
  margin-left: 28px;
}

.margin-left30 {
  margin-left: 30px;
}

.margin-left31 {
  margin-left: 31px;
}

.margin-left35 {
  margin-left: 35px;
}

.margin-left20 {
  margin-left: 20px;
}

.margin-left30 {
  margin-left: 30px;
}

.margin-left33 {
  margin-left: 33px;
}

.margin-left40 {
  margin-left: 40px;
}

.margin-left50 {
  margin-left: 50px;
}

.margin-left60 {
  margin-left: 60px;
}

.margin-left76 {
  margin-left: 76px;
}

.margin-left80 {
  margin-left: 80px;
}

.margin-left85 {
  margin-left: 85px;
}

.margin-left87 {
  margin-left: 87px;
}

.margin-left55 {
  margin-left: 55px;
}

.margin-left80 {
  margin-left: 80px;
}

.margin-left98 {
  margin-left: 98px;
}

.margin-left100 {
  margin-left: 100px;
}

.margin-left114 {
  margin-left: 114px;
}

.margin-left-100 {
  margin-left: -100px;
}

.margin-left-120 {
  margin-left: -120px;
}

.margin-left-125 {
  margin-left: -125px;
}

.margin-left-150 {
  margin-left: -150px;
}

.margin-left-300 {
  margin-left: -300px;
}

.margin-left120 {
  margin-left: 120px;
}

.margin-left130 {
  margin-left: 130px;
}

.margin-left150 {
  margin-left: 150px;
}

.margin-left160 {
  margin-left: 160px;
}

.margin-left170 {
  margin-left: 170px;
}

.margin-left180 {
  margin-left: 180px;
}

.margin-left200 {
  margin-left: 200px;
}

.margin-left205 {
  margin-left: 205px;
}

.margin-left220{
  margin-left: 220px;
}

.margin-left225 {
  margin-left: 225px;
}

.margin-left230 {
  margin-left: 230px;
}

.margin-left240 {
  margin-left: 240px;
}

.margin-left250 {
  margin-left: 250px;
}

.margin-left1025 {
  margin-left: 1525px;
}

.margin-right4 {
  margin-right: 4px;
}

.margin-right5 {
  margin-right: 5px;
}

.margin-right8 {
  margin-right: 8px;
}

.margin-right10 {
  margin-right: 10px;
}

.margin-right12 {
  margin-right: 12px;
}

.margin-right13 {
  margin-right: 13px;
}

.margin-right15 {
  margin-right: 15px;
}

.margin-right14 {
  margin-right: 14px;
}

.margin-right16 {
  margin-right: 16px;
}

.margin-right20 {
  margin-right: 20px;
}

.margin-right24 {
  margin-right: 24px;
}

.margin-right26 {
  margin-right: 26px;
}

.margin-right28 {
  margin-right: 28px;
}

.margin-right30 {
  margin-right: 30px;
}

.margin-right50 {
  margin-right: 50px;
}

.margin-right32 {
  margin-right: 32px;
}

.margin-right36 {
  margin-right: 36px;
}

.margin-right40 {
  margin-right: 40px;
}

.margin-right60 {
  margin-right: 60px;
}

.margin-right65 {
  margin-right: 65px;
}

.margin-right98 {
  margin-right: 98px;
}

.margin-right100 {
  margin-right: 100px;
}

.margin-right110 {
  margin-right: 110px;
}

.margin-right-10 {
  margin-right: -10px;
}

.margin-right-20 {
  margin-right: -20px;
}

.margin-right-60 {
  margin-right: -60px;
}

/* border */
.border-c {
  border: 1px solid #ccc;
}

.border-EBEBEB {
  border: 1px solid #EBEBEB;
}

.border-ef-topnone {
  border: 1px solid #efefef;
  border-top: none;
}

.border-ef {
  border: 1px solid #efefef;
}

.border-ECECEC {
  border: 1px solid #ececec;
}

.border-F0F0F0{
  border: 1px solid #F0F0F0;
}

/* 保留左边线 */
.border-leftdisplay {
  border-top: none;
  border-right: none;
  border-bottom: none;
}

/* 保留上边线 */
.border-topdisplay {
  border-right: none;
  border-bottom: none;
  border-left: none;
}


/* 保留底边线 */
.border-bottomdisplay {
  border-right: none;
  border-top: none;
  border-left: none;
}

.border-f5 {
  border: 1px solid #f5f5f5;
}

.border-d {
  border: 1px solid #ddd;
}

.border-2777FF {
  border: 1px solid #2777ff;
}

.border-2268dc {
  border: 1px solid #2268dc;
}

.border-2px {
  border: 2px solid #ddd;
}

.border-e6 {
  border: 1px solid #e6e6e6;
}

.border-e7 {
  border: 1px solid #e7e7e7;
}

.border-e8 {
  border: 1px solid #e8e8e8;
}

.border-1a {
  border: 1px solid #e1251a;
}

.border-FF9900 {
  border: 1px solid #ff9900;
}

.border-red {
  border: 1px solid #e12519;
}

.border-bottom-e8 {
  border-bottom: 1px solid #e8e8e8;
}

.border-bottom-e9 {
  border-bottom: 1px solid #e9e9e9;
}

.border-bottom-red {
  border-bottom: 1px solid #e7e7e7;
}

.border-bottom-eb {
  border-bottom: 1px solid #ebebeb;
}

.border-bottom-f5 {
  border-bottom: 1px solid #f5f5f5;
}

.border-right-e8 {
  border-right: 1px solid #e8e8e8;
}

.border-left-e8 {
  border-left: 1px solid #e8e8e8;
}

/* 没有边框 */
.noborder-b {
  border-bottom: none !important;
}

.border-top-none {
  border-top: none;
}

.border-bottom-none {
  border-bottom: none;
}

.border-left-none {
  border-left: none;
}

.border-right-none {
  border-right: none;
}

/* 圆角 */
.border-radius3 {
  border-radius: 3px;
}

.border-radius4 {
  border-radius: 4px;
}

.border-radius5 {
  border-radius: 5px;
}

.border-radius15 {
  border-radius: 15px;
}

.border-radius16 {
  border-radius: 16px;
}

.border-radius20 {
  border-radius: 20px;
}


.border-radius25 {
  border-radius: 25px;
}

.border-radius50 {
  border-radius: 50px;
}

/* 遮罩 */

.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 600;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.hide {
  display: none;
}

/* 小 手 图标 */
.cursor {
  cursor: pointer;
}

/* 表格的宽度  % 百分百  */
.tab-wd {
  width: 100%;
}

.fontbold700 {
  font-weight: 700;
}

/* 价格删除线 */
.line-through {
  text-decoration: line-through;
}

.disnon {
  display: none;
}

.inlineblock {
  display: inline-block;
}

.kuaiblock {
  display: block;
}

.lineheight24 {
  line-height: 24px;
}

.lineheight100bai {
  line-height: 100%;
}

/* 透明度  tou */
.opaCity-08 {
  opacity: 0.8;
}

.z-index1 {
  z-index: 1;
}

.z-index999 {
  z-index: 999;
}

/* 子 zi  绝  父 fu  相 */
.father-relative {
  position: relative;
}

.son-absolute {
  position: absolute;
}

.location-fixed {
  position: fixed;
}

.display-block {
  display: block;
}

.top0 {
  top: 0;
}

.top5 {
  top: 5px;
}

.top20 {
  top: 20px;
}
.top30 {
  top: 30px;
}
.top70 {
  top: 70px;
}
.top-2 {
  top: -2px;
}
.top-4 {
  top: -4px;
}

.right0 {
  right: 0;
}

.right10 {
  right: 10px;
}

.bottom0 {
  bottom: 0;
}

.left0 {
  left: 0;
}


.bottom-10 {
  bottom: -10px;
}

.right-10 {
  right: -10px;
}

/* 透明度*/

.opacity015 {
  opacity: 0.15;
}

.opacity025 {
  opacity: 0.25;
}

.top-2 {
  top: -2px;
}

.top-10 {
  top: -10px;
}

.right-10 {
  right: -10px;
}

.right-12 {
  right: -12px;
}

.right-8 {
  right: -8px;
}

/* 圆角   */
.border-radius10 {
  border-radius: 10px;
}

/* 鼠标放置样式
  小手
*/
.pointer {
  cursor: pointer;
}

/* 表格儿的统一样式 start */
/* // 修改表格一行鼠标悬停时的背景色start */
.el-table tbody tr:hover>td {
  background-color: #f7f7f7;
}

/* // 修改表格一行鼠标悬停时的背景色end */

/* // 修改表格的行高start */
.el-table tbody tr {
  height: 52px !important;
}

/* // 修改表格的行高end */


* {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

/* 盒模型 */
.border-box {
  box-sizing: border-box;
}


.width160 {
  width: 160px;
}

.width164 {
  width: 164px;
}

.width1175 {
  width: 1175px;
}

.width197 {
  width: 197px;
}

.width250 {
  width: 250px;
}

.width264 {
  width: 264px;
}

.width266 {
  width: 266px;
}

.width184 {
  width: 184px;
}

.width120 {
  width: 120px;
}

.width20 {
  width: 20px;
}

.width22 {
  width: 22px;
}

.width23 {
  width: 23px;
}

.width24 {
  width: 24px;
}

.width25 {
  width: 25px;
}

.width30 {
  width: 30px;
}

.width213 {
  width: 213px;
}

.width214 {
  width: 214px;
}

.width268 {
  width: 268px;
}

.width166 {
  width: 166px;
}

.width107 {
  width: 107px;
}

.width131 {
  width: 131px;
}

.width136 {
  width: 136px;
}

.width170 {
  width: 170px;
}

.width190 {
  width: 190px;
}

.width200 {
  width: 200px;
}

.width211 {
  width: 211px;
}

.width216 {
  width: 216px;
}

.width221 {
  width: 221px;
}

.width222 {
  width: 222px;
}

.width232 {
  width: 232px;
}

.width236 {
  width: 236px;
}

.width244 {
  width: 244px;
}

.width250 {
  width: 250px;
}

.width254 {
  width: 254px;
}

.width260 {
  width: 260px;
}

.width265 {
  width: 265px;
}

.width270 {
  width: 270px;
}

.width275 {
  width: 275px;
}

.width280 {
  width: 280px;
}

.width286 {
  width: 286px;
}

.width287 {
  width: 287px;
}

.width288 {
  width: 288px;
}

.width290 {
  width: 290px;
}

.width300 {
  width: 300px;
}

.width307 {
  width: 307px;
}

.width317 {
  width: 317px;
}

.width326 {
  width: 326px;
}

.width324 {
  width: 324px;
}

.width324 {
  width: 324px;
}

.width324 {
  width: 324px;
}

.width342 {
  width: 342px;
}

.width350 {
  width: 350px;
}

.width352 {
  width: 352px;
}

.width360 {
  width: 360px;
}

.width365 {
  width: 365px;
}

.width367 {
  width: 367px;
}

.width370 {
  width: 370px;
}

.width378 {
  width: 378px;
}

.width380 {
  width: 380px;
}

.width381 {
  width: 381px;
}

.width398 {
  width: 398px;
}

.width400 {
  width: 400px;
}

.width430 {
  width: 430px;
}

.width448 {
  width: 448px;
}

.width450 {
  width: 450px;
}

.width463 {
  width: 463px;
}

.width464 {
  width: 464px;
}

.width480 {
  width: 480px;
}

.width487 {
  width: 487px;
}

.width489 {
  width: 489px;
}

.width500 {
  width: 500px;
}

.width550 {
  width: 550px;
}

.width574 {
  width: 574px;
}

.width595 {
  width: 595px;
}

.width600 {
  width: 600px;
}

.width694 {
  width: 694px;
}

.width700 {
  width: 700px;
}

.width730 {
  width: 730px;
}

.width755 {
  width: 755px;
}

.width771 {
  width: 771px;
}

.width800 {
  width: 800px;
}

.width850 {
  width: 850px;
}

.width765 {
  width: 765px;
}

.width766 {
  width: 766px;
}

.width767 {
  width: 767px;
}

.width900 {
  width: 900px;
}

.width930 {
  width: 930px;
}

.width950 {
  width: 950px;
}

.width980 {
  width: 980px;
}

.width990 {
  width: 990px;
}

.width1000 {
  width: 1000px;
}

.width1088 {
  width: 1088px;
}

.width250 {
  width: 250px;
}

.width180 {
  width: 180px;
}

.width143 {
  width: 143px;
}

.width1161 {
  width: 1161px;
}

/* 字体 */
.font0 {
  font-size: 0;
}

.font10 {
  font-size: 10px;
}

.font13 {
  font-size: 13px;
}

.font14 {
  font-size: 14px;
}

.font15 {
  font-size: 15px;
}

.font16 {
  font-size: 16px;
}

.font17 {
  font-size: 17px;
}

.font18 {
  font-size: 18px;
}

.font19 {
  font-size: 19px;
}

.font20 {
  font-size: 20px;
}

.font22 {
  font-size: 22px;
}

.font24 {
  font-size: 24px;
}

.font25 {
  font-size: 25px;
}

.font28 {
  font-size: 28px;
}

.font30 {
  font-size: 30px;
}

.font35 {
  font-size: 35px;
}

.font38 {
  font-size: 38px;
}

.font40 {
  font-size: 40px;
}

.font58 {
  font-size: 58px;
}

/* 字体图标样式 */
.icon-size {
  font-size: 30px;
}

/* 颜色 */

.color-000 {
  color: #000;
}

.color-111 {
  color: #111;
}

.color-fff {
  color: #fff;
}

.color-2878FF {
  color: #2878ff;
}

.color-1890FF {
  color: #1890FF;
}

.color-1a1a1a {
  color: #1a1a1a;
}

.color-5C5C5C {
  color: #5c5c5c;
}

.color-666 {
  color: #666;
}

.color-333 {
  color: #333;
}

.color-ccc {
  color: #ccc;
}

.color-4FB6C5 {
  color: #4fb6c5;
}

.color-F0C8D8 {
  color: #F0C8D8;
}

.color-48 {
  color: #484848;
}

.color-65 {
  color: #656565;
}

.color-25 {
  color: #252525;
}

.color-bbb {
  color: #bbb;
}

.color-ddd {
  color: #dddddd;
}

.color-999 {
  color: #999;
}

.color-333333 {
  color: #333333;
}

.color-999999 {
  color: #999999;
}

.color-9a {
  color: #9a9a9a;
}

.color-red {
  color: #e12519;
}

.color-FF4D4F {
  color: #FF4D4F;
}

.color-F5F6FA {
  color: #F5F6FA;
}

/* 字体  颜色  start WJG颜色*/
.color-333 {
  color: #333333;
}

.color-666 {
  color: #666666;
}

.color-999 {
  color: #999999;
}

.color-41b0c1 {
  color: #41b0c1;
}

.color-1ba837 {
  color: #1ba837;
}

.color-2268dc {
  color: #2268dc;
}

.color-ff8400 {
  color: #ff8400;
}

.color-e64545 {
  color: #e64545;
}

.color-515A6E{
  color: #515A6E;
}

.color-C5C8CE{
  color: #C5C8CE;
}

.color-1AFA29{
  color: #1AFA29;
}

/* 字体  颜色  end */

/* 表单中的按钮大小start width: 136px; height: 36px WJG 按钮 大小*/
.wdith136 {
  width: 136px;
}

.h36 {
  height: 36px;
}

.h34 {
  height: 34px;
}

/* 表单中的按钮大小end */

/* 其他颜色start  WJG 其他颜色*/
.color-ebf9fa {
  color: #ebf9fa;
}

.color-ffebeb {
  color: #ffebeb;
}

.color-f5f5f5 {
  color: #f5f5f5;
}

.color-999999 {
  color: #999999;
}

/* 其他颜色end */

/* 字体  大小  start  WJG字体大小*/
.font16_cu {
  font-size: 16px;
  font-weight: 700;
}

.font14_cu {
  font-size: 14px;
  font-weight: 700;
}

.font14 {
  font-size: 14px;
}

.font12 {
  font-size: 12px;
}

/* 字体  大小  end */

/* 验证提示红 */
.color-F56C6C {
  color: #f56c6c;
}

.color-FF9900 {
  color: #ff9900;
}

.color-E64545 {
  color: #e64545;
}

.color-409EFF {
  color: #409eff;
}

.color-2777FF {
  color: #2777ff;
}

.color-6BCC03 {
  color: #6bcc03;
}

.color-06B4FD {
  color: #06b4fd;
}

.color-E93030 {
  color: #e93030;
}

.color-FF0000 {
  color: #FF0000;
}

.color-orange {
  color: #ff7800;
}

.color-F9AD29 {
  color: #f9ad29;
}

.color-1BA837 {
  color: #1ba837;
}

.color-FE8300 {
  color: #fe8300;
}

.color-FF8400 {
  color: #ff8400;
}

.color-1CA838 {
  color: #1ca838;
}

.color-1AAD19 {
  color: #1aad19;
}

.color-41B0C1 {
  color: #41b0c1;
}

.color-6593E5 {
  color: #6593e5;
}

.color-E1261A {
  color: #e1261a;
}

.color-C81522 {
  color: #c81522;
}

.color-01E8FF {
  color: #01e8ff;
}

.color-EF7060 {
  color: #ef7060;
}

.color-F9AD29 {
  color: #f9ad29;
}

.color-FF00A6 {
  color: #ff00a6;
}

.color-1BA737 {
  color: #1ba737;
}

.color-0291ff {
  color: #0291ff;
}

.color-2268DC {
  color: #2268dc;
}

.color-2167DB {
  color: #2167db;
}

.color-1a {
  color: #e1251a;
}

.color-5b1 {
  color: #55bb11;
}

.color-797979 {
  color: #797979;
}

/* 字体 粗 度 cu */
.fontbold700 {
  font-weight: 700;
}

.color-3d {
  color: #e23b3d;
}

.color-19 {
  color: #e02519;
}

.bgf4 {
  background-color: #f4f4f4;
}

.bg111 {
  background-color: #111;
}

.bgf0 {
  background-color: #f0f0f0;
}

.bgc {
  background-color: #ccc;
}

.bgFAFAFA {
  background-color: #fafafa;
}

.bg-4C6CFF {
  background-color: #4c6cff;
}

.bga {
  background-color: aquamarine;
}

.bgl {
  background-color: lightgreen;
}

.bgf0 {
  background-color: #F0F0F0;
}

.bgb {
  background-color: #2878ff;
}

.bgp {
  background-color: palegreen;
}

.bgcF5F5F5 {
  background-color: #F5F5F5;
}

.color-4C6CFF {
  color: #4c6cff;
}

.color-FF2855 {
  color: #ff2855;
}

.bgf4 {
  background-color: #f4f4f4;
}

.bgcEBF9FA {
  background-color: #ebf9fa;
}

.bgcFFEBEB {
  background-color: #ffebeb;
}

.bgc2878FF {
  background-color: #2878ff;
}

.bgcFF8400 {
  background-color: #ff8400;
}

.bge7 {
  background-color: #e7e7e7;
}

.bgf5 {
  background-color: #f5f5f5;
}

.bgf6 {
  background-color: #f6f6f6;
}

.bgfb {
  background-color: #fbfbfb;
}

.bge5 {
  background-color: #e5e5e5;
}

.bge7 {
  background-color: #e7e7e7;
}

.bgeFA {
  background-color: #fafafa;
}

.bgddd {
  background-color: #ddd;
}

.bgfff {
  background-color: #fff;
}

.bgf7 {
  background-color: #f7f7f7;
}

.bgred {
  background-color: #e12519;
}

.bgblue {
  background-color: blue;
}

.bg1a {
  background-color: #e1251a;
}

.bg2878FF {
  background: #2878ff;
}

.bgFAAE2A {
  background: #faae2a;
}

.bgFFEDCC {
  background: #ffedcc;
}

/* 按钮蓝色 */
.btnblue {
  background: #2777ff;
}

/* 高度 */

.h20 {
  height: 20px;
}

.h32 {
  height: 32px;
}

.h36 {
  height: 36px;
}

.h40 {
  height: 40px;
}

.h50 {
  height: 50px;
}

.h54 {
  height: 54px;
}

.h64 {
  height: 64px;
}

.height90f {
  height: 90%;
}

.height2 {
  height: 2px;
}

.height6 {
  height: 6px;
}

.h68 {
  height: 68px;
}

.h184 {
  height: 184px;
}

.h80 {
  height: 80px;
}

.h60 {
  height: 60px;
}

.h84 {
  height: 84px;
}

.h134 {
  height: 134px;
}

.h120 {
  height: 120px;
}

.h124 {
  height: 124px;
}

.h136 {
  height: 136px;
}

.h129 {
  height: 129px;
}

.h220 {
  height: 220px;
}

.h320 {
  height: 320px;
}

.h870 {
  height: 870px;
}

/* 行高 */
.line20 {
  line-height: 20px;
}

.line35 {
  line-height: 35px;
}

.line22 {
  line-height: 22px;
}

.line25 {
  line-height: 25px;
}

.line30 {
  line-height: 30px;
}

.line36 {
  line-height: 36px;
}

.line40 {
  line-height: 40px;
}

.line50 {
  line-height: 50px;
}

/* 字重 */
.fontbold4 {
  font-weight: 400;
}

.fontbold5 {
  font-weight: 500;
}

.fontbold {
  font-weight: bold;
}

/* 文本对齐 */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/* 位置 */
.relative {
  position: relative;
}


/* 超出隐藏 */
.overflow-hidden {
  overflow: hidden;
}

/* 2行省略 */
.multiomit2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* padding间距 */
.padding2 {
  padding: 2px;
}

.padding12 {
  padding: 12px;
}

.padding20 {
  padding: 20px;
}

.padding24 {
  padding: 24px;
}

.padding-top-20 {
  padding-top: -20px;
}

.padding-top-40 {
  padding-top: -40px;
}

.padding-top-3 {
  padding-top: -3px;
}

.padding-top3 {
  padding-top: 3px;
}

.padding-top4 {
  padding-top: 4px;
}

.padding-top5 {
  padding-top: 5px;
}

.padding-top7 {
  padding-top: 7px;
}

.padding-top8 {
  padding-top: 8px;
}

.padding-top10 {
  padding-top: 10px;
}

.padding-top12 {
  padding-top: 12px;
}

.padding-top14 {
  padding-top: 14px;
}

.padding-top15 {
  padding-top: 15px;
}

.padding-top16 {
  padding-top: 16px;
}

.padding-top18 {
  padding-top: 18px;
}

.padding-top20 {
  padding-top: 20px;
}

.padding-top22 {
  padding-top: 22px;
}

.padding-top24 {
  padding-top: 24px;
}

.padding-top30 {
  padding-top: 30px;
}

.padding-top46 {
  padding-top: 46px;
}

.padding-bottom2 {
  padding-bottom: 2px;
}

.padding-bottom4 {
  padding-bottom: 4px;
}

.padding-bottom5 {
  padding-bottom: 5px;
}

.padding-bottom8 {
  padding-bottom: 8px;
}

.padding-bottom9 {
  padding-bottom: 9px;
}

.padding-bottom10 {
  padding-bottom: 10px;
}

.padding-bottom12 {
  padding-bottom: 12px;
}

.padding-bottom13 {
  padding-bottom: 13px;
}

.padding-bottom14 {
  padding-bottom: 14px;
}

.padding-bottom15 {
  padding-bottom: 15px;
}

.padding-bottom16 {
  padding-bottom: 16px;
}

.padding-bottom18 {
  padding-bottom: 18px;
}

.padding-bottom20 {
  padding-bottom: 20px;
}

.padding-bottom22 {
  padding-bottom: 22px;
}

.padding-bottom28 {
  padding-bottom: 28px;
}

.padding-bottom24 {
  padding-bottom: 24px;
}

.padding-left3 {
  padding-left: 3px;
}

.padding-left4 {
  padding-left: 4px;
}

.padding-left5 {
  padding-left: 5px;
}

.padding-left7 {
  padding-left: 7px;
}

.padding-left8 {
  padding-left: 8px;
}

.padding-left10 {
  padding-left: 10px;
}

.padding-left12 {
  padding-left: 12px;
}

.padding-left15 {
  padding-left: 15px;
}

.padding-left16 {
  padding-left: 16px;
}

.padding-left17 {
  padding-left: 17px;
}

.padding-left18 {
  padding-left: 18px;
}

.padding-left19 {
  padding-left: 19px;
}

.padding-left20 {
  padding-left: 20px;
}

.padding-left24 {
  padding-left: 24px;
}

.padding-left28 {
  padding-left: 28px;
}

.padding-left29 {
  padding-left: 29px;
}

.padding-left30 {
  padding-left: 30px;
}

.padding-left35 {
  padding-left: 35px;
}

.padding-left36 {
  padding-left: 36px;
}

.padding-left39 {
  padding-left: 39px;
}

.padding-left40 {
  padding-left: 40px;
}

.padding-left45 {
  padding-left: 45px;
}

.padding-left50 {
  padding-left: 50px;
}

.padding-left60 {
  padding-left: 60px;
}

.padding-left61 {
  padding-left: 61px;
}

.padding-left68 {
  padding-left: 68px;
}

.padding-left80 {
  padding-left: 80px;
}

.padding-left100 {
  padding-left: 100px;
}

.padding-left150 {
  padding-left: 150px;
}

.padding-left164 {
  padding-left: 164px;
}

.padding-left165 {
  padding-left: 165px;
}

.padding-left29 {
  padding-left: 29px;
}

.padding-left30 {
  padding-left: 30px;
}

.padding-left200 {
  padding-left: 200px;
}

.padding-left-20 {
  padding-left: -20px;
}

.padding-left20 {
  padding-left: 20px;
}

.padding-left48 {
  padding-left: 48px;
}

.padding-left100 {
  padding-left: 100px;
}

.padding-right3 {
  padding-right: 3px;
}

.padding-right4 {
  padding-right: 4px;
}

.padding-right5 {
  padding-right: 5px;
}

.padding-right8 {
  padding-right: 8px;
}

.padding-right10 {
  padding-right: 10px;
}

.padding-right12 {
  padding-right: 12px;
}

.padding-right17 {
  padding-right: 17px;
}

.padding-right20 {
  padding-right: 20px;
}

.padding-right28 {
  padding-right: 28px;
}

.padding-right40 {
  padding-right: 40px;
}

.padding-right49 {
  padding-right: 49px;
}

.padding-right90 {
  padding-right: 90px;
}

.padding-right100 {
  padding-right: 100px;
}

.padding-right-150 {
  padding-right: -150px;
}

.padding-right150 {
  padding-right: 150px;
}

.padding-right185 {
  padding-right: 185px;
}

/* margin间距 */
.margin-top-5 {
  margin-top: -5px;
}

.margin-top-6 {
  margin-top: -6px;
}

.margin-top-20 {
  margin-top: -20px;
}

.margin-top-30 {
  margin-top: -30px;
}

.margin-top-40 {
  margin-top: -40px;
}

.margin-top-60 {
  margin-top: -60px;
}

.margin-top1 {
  margin-top: 1px;
}

.margin-top2 {
  margin-top: 2px;
}

.margin-top4 {
  margin-top: 4px;
}

.margin-top6 {
  margin-top: 6px;
}

.margin-top8 {
  margin-top: 8px;
}

.margin-top10 {
  margin-top: 10px;
}

.margin-top12 {
  margin-top: 12px;
}

.margin-top15 {
  margin-top: 15px;
}

.margin-top14 {
  margin-top: 14px;
}

.margin-top24 {
  margin-top: 24px;
}

.margin-top30 {
  margin-top: 30px;
}

.margin-top32 {
  margin-top: 32px;
}

.margin-top33 {
  margin-top: 33px;
}

.margin-top36 {
  margin-top: 36px;
}

.margin-top40 {
  margin-top: 40px;
}

.margin-top16 {
  margin-top: 16px;
}

.margin-top40 {
  margin-top: 45px;
}

.margin-top-45 {
  margin-top: -45px;
}

.margin-top20 {
  margin-top: 20px;
}

.margin-top22 {
  margin-top: 22px;
}

.margin-top24 {
  margin-top: 24px;
}

.margin-top26 {
  margin-top: 26px;
}

.margin-top30 {
  margin-top: 30px;
}

.margin-top32 {
  margin-top: 32px;
}

.margin-top40 {
  margin-top: 40px;
}

.margin-top46 {
  margin-top: 46px;
}

.margin-top100 {
  margin-top: 100px;
}

.margin-top200{
  margin-top: 200px;
}

.margin-bottom0 {
  margin-bottom: 0;
}

.margin-bottom6 {
  margin-bottom: 6px;
}
.margin-bottom5 {
  margin-bottom: 5px;
}

.margin-bottom10 {
  margin-bottom: 10px;
}

.margin-bottom15 {
  margin-bottom: 15px;
}

.margin-bottom18 {
  margin-bottom: 18px;
}

.margin-bottom20 {
  margin-bottom: 20px;
}

.margin-bottom24 {
  margin-bottom: 24px;
}

.margin-bottom30 {
  margin-bottom: 30px;
}

.margin-bottom35 {
  margin-bottom: 35px;
}

.margin-bottom45 {
  margin-bottom: 45px;
}

.margin-bottom40 {
  margin-bottom: 40px;
}

.margin-bottom50 {
  margin-bottom: 50px;
}

.margin-bottom-10 {
  margin-bottom: -10px;
}

.margin-left-20 {
  margin-left: -20px;
}

.margin-left-30 {
  margin-left: -30px;
}

.margin-left-40 {
  margin-left: -40px;
}

.margin-left-50 {
  margin-left: -50px;
}

.margin-left-60 {
  margin-left: -60px;
}

.margin-left-130 {
  margin-left: -130px;
}

.margin-left4 {
  margin-left: 4px;
}

.margin-left5 {
  margin-left: 5px;
}

.margin-left6 {
  margin-left: 6px;
}

.margin-left8 {
  margin-left: 8px;
}

.margin-left9 {
  margin-left: 9px;
}

.margin-left10 {
  margin-left: 10px;
}

.margin-left12 {
  margin-left: 12px;
}

.margin-left14 {
  margin-left: 14px;
}

.margin-left15 {
  margin-left: 15px;
}

.margin-left16 {
  margin-left: 16px;
}

.margin-left28 {
  margin-left: 28px;
}

.margin-left30 {
  margin-left: 30px;
}

.margin-left31 {
  margin-left: 31px;
}

.margin-left20 {
  margin-left: 20px;
}

.margin-left21 {
  margin-left: 21px;
}

.margin-left30 {
  margin-left: 30px;
}

.margin-left33 {
  margin-left: 33px;
}

.margin-left40 {
  margin-left: 40px;
}

.margin-left45 {
  margin-left: 45px;
}

.margin-left48 {
  margin-left: 48px;
}

.margin-left50 {
  margin-left: 50px;
}

.margin-left80 {
  margin-left: 80px;
}

.margin-left90 {
  margin-left: 90px;
}

.margin-left55 {
  margin-left: 55px;
}

.margin-left59 {
  margin-left: 59px;
}

.margin-left80 {
  margin-left: 80px;
}

.margin-left88 {
  margin-left: 88px;
}

.margin-left98 {
  margin-left: 98px;
}

.margin-left124 {
  margin-left: 124px;
}

.margin-left166 {
  margin-left: 166px;
}

.margin-left221 {
  margin-left: 221px;
}

.margin-left224 {
  margin-left: 224px;
}

.margin-left-120 {
  margin-left: -120px;
}

.margin-left-150 {
  margin-left: -150px;
}

.margin-left120 {
  margin-left: 120px;
}

.margin-left130 {
  margin-left: 130px;
}

.margin-left150 {
  margin-left: 150px;
}

.margin-left160 {
  margin-left: 160px;
}

.margin-left200 {
  margin-left: 200px;
}

.margin-left233 {
  margin-left: 233px;
}

.margin-left257 {
  margin-left: 257px;
}

.margin-left1025 {
  margin-left: 1525px;
}

.margin-right4 {
  margin-right: 4px;
}

.margin-right5 {
  margin-right: 5px;
}

.margin-right6 {
  margin-right: 6px;
}

.margin-right7 {
  margin-right: 7px;
}

.margin-right8 {
  margin-right: 8px;
}

.margin-right10 {
  margin-right: 10px;
}

.margin-right12 {
  margin-right: 12px;
}

.margin-right15 {
  margin-right: 15px;
}

.margin-right16 {
  margin-right: 16px;
}

.margin-right20 {
  margin-right: 20px;
}

.margin-right26 {
  margin-right: 26px;
}

.margin-right30 {
  margin-right: 30px;
}

.margin-right50 {
  margin-right: 50px;
}

.margin-right32 {
  margin-right: 32px;
}

.margin-right36 {
  margin-right: 36px;
}

.margin-right40 {
  margin-right: 40px;
}

.margin-right60 {
  margin-right: 60px;
}

.margin-right65 {
  margin-right: 65px;
}

.margin-right98 {
  margin-right: 98px;
}

.margin-right100 {
  margin-right: 100px;
}


/* border */
.border-c {
  border: 1px solid #ccc;
}

.border-2878FF{
  border: 1px solid #2878FF;
}

.border-EDF0FF {
  border: 1px solid #EDF0FF;
}

.border-DCDEE2 {
  border: 1px solid #DCDEE2;
}

.border-ECECEC {
  border: 1px solid #ececec;
}

/* 保留左边线 */
.border-leftdisplay {
  border-top: none;
  border-right: none;
  border-bottom: none;
}

/* 保留上边线 */
.border-topdisplay {
  border-right: none;
  border-bottom: none;
  border-left: none;
}
/* 去除上边线 */
.border-topclear {
  border-top: none;
}
/* 保留底边先 */
.border-bottomdisplay {
  border-right: none;
  border-top: none;
  border-left: none;
}

.border-f5 {
  border: 1px solid #f5f5f5;
}

.border-d {
  border: 1px solid #ddd;
}

.border-2777FF {
  border: 1px solid #2777ff;
}

.border-2px {
  border: 2px solid #ddd;
}

.border-e6 {
  border: 1px solid #e6e6e6;
}

.border-e7 {
  border: 1px solid #e7e7e7;
}

.border-e8 {
  border: 1px solid #e8e8e8;
}

.border-1a {
  border: 1px solid #e1251a;
}

.border-FF9900 {
  border: 1px solid #ff9900;
}

.border-red {
  border: 1px solid #e12519;
}

.border-bottom-e8 {
  border-bottom: 1px solid #e8e8e8;
}

.border-bottom-e9 {
  border-bottom: 1px solid #e9e9e9;
}

.border-bottom-red {
  border-bottom: 1px solid #e7e7e7;
}

.border-bottom-f5 {
  border-bottom: 1px solid #f5f5f5;
}

.border-right-e8 {
  border-right: 1px solid #e8e8e8;
}

.border-left-e8 {
  border-left: 1px solid #e8e8e8;
}

/* 没有边框 */
.noborder-b {
  border-bottom: none !important;
}

.border-top-none {
  border-top: none;
}

.border-bottom-none {
  border-bottom: none;
}

.border-left-none {
  border-left: none;
}

.border-right-none {
  border-right: none;
}

/* 圆角 */
.border-radius3 {
  border-radius: 3px;
}

.border-radius4 {
  border-radius: 4px;
}

.border-radius5 {
  border-radius: 5px;
}


.border-radius25 {
  border-radius: 25px;
}

.border-radius50 {
  border-radius: 50px;
}

/* 遮罩 */

.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 600;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.hide {
  display: none;
}

/* 小 手 图标 */
.cursor {
  cursor: pointer;
}

/* 表格的宽度  % 百分百  */
.tab-wd {
  width: 100%;
}

.fontbold700 {
  font-weight: 700;
}

/* 价格删除线 */
.line-through {
  text-decoration: line-through;
}

.disnon {
  display: none;
}

.inlineblock {
  display: inline-block;
}

.kuaiblock {
  display: block;
}

.lineheight24 {
  line-height: 24px;
}

.lineheight100bai {
  line-height: 100%;
}

/* 透明度  tou */
.opaCity-08 {
  opacity: 0.8;
}

.z-index999 {
  z-index: 999;
}

/* 子 zi  绝  父 fu  相 */
.father-relative {
  position: relative;
}

.son-absolute {
  position: absolute;
}

.location-fixed {
  position: fixed;
}

.display-block {
  display: block;
}

.top0 {
  top: 0;
}

.right0 {
  right: 0;
}

.bottom0 {
  bottom: 0;
}

.left0 {
  left: 0;
}


.bottom-10 {
  bottom: -10px;
}

.right-10 {
  right: -10px;
}

/* 透明度*/

.opacity015 {
  opacity: 0.15;
}

.opacity025 {
  opacity: 0.25;
}

.top-2 {
  top: -2px;
}

.right-8 {
  right: -8px;
}

/* 圆角   */
.border-radius10 {
  border-radius: 10px;
}

/* 鼠标放置样式
  小手
*/
.pointer {
  cursor: pointer;
}

/* 表格儿的统一样式 start */
/* // 修改表格一行鼠标悬停时的背景色start */
.el-table tbody tr:hover>td {
  background-color: #f7f7f7;
}

*/
/* // 修改表格一行鼠标悬停时的背景色end */

/* // 修改表格的行高start */
/* .el-table tbody tr {
  height: 52px !important;
} */

/* // 修改表格的行高end */

/* // 修改鼠标悬停到每行时的表格左侧的边线颜色start */
.el-table tbody tr:hover> :first-child {
  border-left: 2px solid #ff8400;
}


/* 表格儿的统一样式 end */

/* .margin-auto {
  margin: 0 auto;
} */

/* 设置  卡片组件的内边距 */
/* .el-card__body {
  padding: 24px 24px 24px 24px;
}

/* 表单外部尺寸start */
/* .el-form-item__label {
.WJGformstyle .el-form-item__label {
  padding: 0;
  text-align: left;
  color: #333333;
  width: 70px !important;
} */
/* .el-form-item__content {
  margin-left: 70px !important;
} */

/* .el-form-item {
}
.WJGformstyle .el-form-item__content {
  margin-left: 70px !important;
}
.WJGformstyle .el-form-item {
  margin-right: 40px !important;
} */

/* 表单外部尺寸end */
/* 按钮样式start */

.search-btn-color {
  background-color: #2878ff;
  border-color: #2878ff;
}


.search-btn-size {
  height: 32px;
  width: 88px;
}

.search-btn-80size {
  height: 32px;
  width: 80px;
}


.table-btn-size {
  height: 24px;
  width: 66px;
}

/* 按钮样式end */
/* 按钮样式end */
/* 订单模块的筛选条件样式start */
.criteria .is-active,
.criteria .el-menu-item {
  font-weight: 700;
}

.criteria .el-menu-item {
  height: 50px;
}

/* // 最长的边线 */
.criteria .el-menu {
  height: 50px;
  border-bottom: 4px solid #e6e6e6;
}

/* // 当前选择内容下的边线 */
.criteria .is-active {
  height: 50px;
  border-bottom: 4px solid #2878ff !important;
}

/* 订单模块的筛选条件样式end */

/* 修改鼠标悬停表格行的提示色 使用这个样式，
只需在 父组件表格组件的标签中添加上这个类名
即可class="WJGtableClass" */
.WJGtableClass tr:hover> :first-child {
  border-left: 2px solid #ff8400 !important;
}

.WJGtableClass tr:hover > td /deep/ div {
  background-color: #F7F7F7 !important;
  color: #333 !important;
}

/* 超出div范围文字显示... */
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 全局设置滚动条样式 */
.overflow_y{
  overflow-y:auto;
}
.scrollbar::-webkit-scrollbar {
  width: 4px;
}
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(69, 157, 245);
}
.scrollbar::-webkit-scrollbar-track {
 border-radius: 0;
 background: rgba(69, 157, 245); 
}

/* antdesign 表格滚动条样式 */
.ant-scrollbar-body ::-webkit-scrollbar {
  height: 17px;
  width: 4px;
  overflow-y: auto;
}
.ant-scrollbar-body ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #459DF5;
}
/* .ant-scrollbar-body ::-webkit-scrollbar-track {
  border-radius: 0;
  background: #f0f2f5;
} */
/* 渐变色 */
.salesvolume {
  background: -webkit-linear-gradient(left,#5B72FD,#C87AFD,#C87AFD) no-repeat;
}
.visits {
  background: -webkit-linear-gradient(left,#3EACF6,#737CFC,#737CFC) no-repeat;
}
.purchase {
  background: -webkit-linear-gradient(left,#EA687C,#EF9A5F,#EF9A5F) no-repeat;
}
.pennum {
  background: -webkit-linear-gradient(left,#47D798,#A4E260,#A4E260) no-repeat;
}
